<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.3.min.js"></script>
<script src="esd_navBlock_wza_lv20200120.js"></script>
</head>

<body>
<div id="container">
<div id="header">header</div>
<div id="main"><p>main</p>
<div id="leftside"><p>leftside</p>
<div class="navBlock">栏目跳转1</div>
<div class="navBlock">栏目跳转2</div>
</div>
<div id="content"><p>content</p>
<div class="navBlock">栏目跳转3</div>
<div class="navBlock">栏目跳转4</div></div>
<div id="rightside"><p>rightside</p>
<div class="navBlock">栏目跳转5</div>
<div class="navBlock">栏目跳转6</div></div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
<style>
#header,#footer{
	background:#000;
	color:#fff;
	height:100px;
	width:100%;
	}
#main{
	background:#CCC;
	height:300px;
	width:100%;
	position:relative;
	overflow:hidden;
	zoom:1;
	}
#leftside,#content,#rightside{
	border:1px solid #0F0;
	float:left;
	height:300px;
	}
#leftside,#rightside{
	width:20%;
	}
#content{
	width:50%;
	margin:0px 3%;
	}
.navBlock{
	border:1px solid #f00;
	}
</style>